<template>
	<el-table :data="informs" style="width: 100%">
		<el-table-column prop="informId" label="通知编号" width="180" />
	    <el-table-column prop="informTitle" label="通知标题" width="180" />
		<el-table-column prop="informAuther" label="发布作者" width="180"/>
		<el-table-column prop="informTime" label="发布时间" width="200" />
		<el-table-column fixed="right" label="操作" width="120">
		    <template #default="scope">
		           <el-button type="primary"  @click="showinform(scope.row)" >
				      通知详情
		           </el-button>
		    </template> 
		</el-table-column>	
	</el-table>
	 <!-- 通知详情提示框 -->
	  <el-dialog v-model="informCon" title="通知详情" >
           通知详情：{{inform.informConcent}}<br />
		   通知附件：{{inform.informAcc}}<br />
		  <el-button  type="primary" @click="informCon=false">关闭</el-button>
	  </el-dialog>
</template>


<script>
	import qs from 'qs'
	export default{
		data() {
			return {
				informs:[],
				informCon:false,
				num:0,
				inform:{},

			}
		},
		methods:{
			   showinform(row){
				   let that=this
				   this.inform=row
				  that.informCon=true
			   }

		},
		created(){
			let that=this
			this.$axios.get("http://localhost:8080/inform/list").then(function(res){
				that.informs=res.data
				
				
			})
		}
	}
</script>

<style>
</style>
